
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>{$title}</title>
	<!--加载CSS-->
	{load href="/static/index/css/bootstrap.min.css"}
	{css href="/static/index/reset.css"}
	{css href="/static/index/css/toastr.min.css"}


									<!---->
									<!---->
	                           <!--用户管理首页-->
									<!---->
									<!---->
</head>
<body>
<h1>{$title}</h1>
{extend name="index/index" /}
{block name="main"}
<div class="container">
	<div class="col-md-12 bg-primary p20">

		<hr>
		<a href="{:url('admin/index/shouye')}" class="btn btn-default">后台主页</a>
		<!--<a href="{:url('rest/user/create')}" class="btn btn-default">添加页</a>-->
	</div>
	<div class="clearfix"></div>

	{block name="main"}
	<div class="row mt50">
		<div class="col-md-12">
			<table class="table table-hover bg-info ">
				<tr >
					<th>ID</th>
					<th>pic</th>
					<th>tel</th>
					<th >nickname</th>
					<th >sex</th>
					<th >birthday</th>
					<th>email</th>
					<th>regtime</th>
					<th>paypwd</th>
					<th>username</th>
					<th>status</th>
					<th></th>
				</tr>
				{volist name="list" id="v" mod="2" }
				{eq name="mod" value="0"}

				<tr>
					<td>{$v['id']}</td>
					<td>{$v['pic']}</td>
					<td>{$v['tel']}</td>
					<td>{$v['nickname']}</td>
					<td>{$v['sex']}</td>
					<td>{$v['birthday']}</td>
					<td>{$v['email']}</td>
					<td>{$v['regtime']}</td>
					<td>{$v['paypwd']}</td>
					<td>{$v['username']}</td>
					<td>
						<a href="{:url('admin/index/status')}?status={$v.status}&id={$v['id']}">
						{switch name="$v.status"}

						{case value="1"}激活{/case}
						{case value="2"}禁用{/case}

						{/switch}
						</a>
					</td>

					<td class="col-md-1">
						<!--<a href="{:url('rest/user/readpage', ['id'=>$v['id']])}" class="btn btn-default btn-xs">查看信息(页)</a>-->
						<!--<button data-id="{$v['id']}" class="btn btn-default btn-xs show-btn" data-toggle="modal" data-target="#myModal">查看信息(框)</button>-->
						<!--<a href="" class="btn btn-primary btn-xs">状态</a>-->
						<!--<button data-id="{$v['id']}" class="btn btn-danger btn-xs del-btn">状态</button>-->
					</td>
				</tr>
				{/eq}
				{/volist}
			</table>
		</div>

	</div>
</div>





<!--加载JS-->
{js href="/static/index/js/jquery.min.js"}
{js href="/static/index/js/bootstrap.min.js"}
{js href="/static/index/js/toastr.min.js"}


<script>
    $(function () {
        // 触发用户删除
        $('.del-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('删除的ID为:', ac_id);

            if (confirm('您确定要 [ 删 除 ] 该用户么?')) {
                var obj = $(this).parents('tr');
                // console.log(obj);
                delAjax(ac_id, obj);// 执行删除操作
            }
        });

        // 触发查询单条用户
        $('.show-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('查看单条数据,ID为:', ac_id);

            showAjax(ac_id); //AJAX查询
        })

    });


    // 设置弹框参数
    toastr.options = {
        closeButton: true,//是否显示关闭按钮
        progressBar: true,//实现显示计时条
        timeOut: "3000",//自动关闭时间
        positionClass: "toast-bottom-left",//提示位置
        // toast-top-full-width 顶端，宽度铺满整个屏幕
        // toast-top-right  顶端右边
    };

    // 执行AJAX 查询单条数据
    function showAjax(id){
        $.ajax({
            type: 'get',
            url: '/users/' + id,
            dateType: 'json',
            success:function (data){
                console.log(data);
                if (data.status) {
                    // 填充信息
                    $('.modal-title u').html(data.title);
                    var msg = data.datas.id+'/'+data.datas.name+'/'+data.datas.age+'/'+data.datas.sex+'/'+data.datas.province;
                    $('.modal-body h3').html(msg);

                } else {

                }
            },
            error: function () {
                // AJAX执行失败
                alert('ajax操作失败');
            }
        });
    }

    // 执行AJAX删除的操作
    function delAjax(id, obj) {
        // console.log(id);
        $.ajax({
            type: 'delete',
            url: '/users/' + id,
            dateType: 'json',
            success: function (data) {
                if (data.status) {
                    // console.log(data);
                    // console.log('删除成功');
                    toastr.success(data.info);
                    //  将指定条目 节点删除
                    obj.remove();
                } else {
                    //console.log('删除失败');
                    toastr.error(data.info,'FBI WARNING: ');
                }
            },
            error: function () {
                // AJAX执行失败
                alert('ajax操作失败');
            }
        });
    }
</script>
{/block}
</body>
</html>
